<!doctype html>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html> 
<head> 
<meta charset="UTF-8"> 
<title>HTML5-响应式布局--respond.js-独行冰海</title> 

<script type="text/javascript" src="<%=request.getContextPath()%>/js/respond.min.js"></script>



<script type="text/javascript">
alert(44);
loadjscssfile('<%=request.getContextPath()%>' + '/css/@media/media2.css', 'css');
loadjscssfile('<%=request.getContextPath()%>' + '/js/respond.min.js', 'js');

/**
 * 动态引入js或css
 */
function loadjscssfile(filename,filetype){
    if(filetype == "js"){
        var fileref = document.createElement('script');
        fileref.setAttribute("type","text/javascript");
        fileref.setAttribute("src",filename);
    }else if(filetype == "css"){

        var fileref = document.createElement('link');
        fileref.setAttribute("rel","stylesheet");
        fileref.setAttribute("type","text/css");
        fileref.setAttribute("href",filename);
        //fileref.setAttribute("onload","javascript:LzxCommonHeader.showNavHtml()");
    }
    if(typeof fileref != "undefined"){
        document.getElementsByTagName("head")[0].appendChild(fileref);
    }
}
</script>


</head>
<body>



<div class="wrap" id="con"> 让IE6~8支持响应式布局——独行冰海5 </div> 
</body> 
</html>